<template>
<!-- 入口页面 -->
    <div>
        <!-- 头部 -->
        <v-header></v-header>
        <el-container class="content-container">
            <!-- 侧边栏 -->
            <v-aside></v-aside>
            <el-main>
                <!-- 主体部分 -->
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<style scoped>

h4{
    font-weight: 500;
}
    .content-container{
        height:500px;
    }
   .el-aside {
        overflow-y:visible !important;
        width:200px !important;
    }
</style>

<script>
    import Header from "./Header.vue";
    import Aside from "./Aside.vue"
    export default {
        data() {
            return {};
        },
        methods: {},
        components: {
            "v-header": Header,
            "v-aside":Aside
        }
    };
</script>